<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			.mian {
				width: 18rem;
				background: #eeeeee;
				display: flex;
				flex-wrap: wrap;
			}
			
			.mian li {
				width: 8.25rem;
				height: 10.1rem;
				border-radius: 5px;
				background: #fff;
				margin: 0.3rem;
			}
			
			.mian li img {
				width: 100%;
			}
			
			.mian li div {
				width: 7.35rem;
				height: 3.1rem;
				display: flex;
				padding: 0.45rem;
				flex-direction: column;
				flex-wrap: wrap;
				justify-content: space-between;
			}
			
			.mian li div p {
				width: 100%;
				font-size: 0.75rem;
				color: #7a7a7a;
			}
			
			.mian li div p:nth-of-type(2) {
				display: flex;
				width: 100%;
				justify-content: space-between;
			}
			
			.mian li div p:nth-of-type(2) span:nth-of-type(1) {
				color: #f24046;
			}
		</style>
	</head>

	<body>
		<ul class="mian">
			<li ng-repeat="item in obj.home">

				<img ng-src="{{item.img}}" alt="" ui-sref="shop({id:$index})" />
				<div>
					<p>{{item.p}}</p>
					<p>
						<span>￥{{item.span1}}</span>
						<span class="span">
					 		<i class="fa fa-fw fa-heart-o" ng-click="add($index)"></i>
					 		{{span2}}
					 	</span>
					</p>
				</div>
			</li>

		</ul>
	</body>

</html>